<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<title>修改头像</title>
		<meta charset="utf-8" />
		<meta name="author" content="m.wine22.com">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">

		<link rel="stylesheet" type="text/css" href="/css/base.css" charset="UTF-8" />
		<link rel="stylesheet" type="text/css" href="/js/cropper/cropper.css" />
		<link rel="stylesheet" type="text/css" href="/css/cart.css" />
	</head>

	<body class="background-white">
	<#assign title="修改头像">
	<#include "/common/header-user.html">
		
		<div class="header-edit-wapper">
			<div id="headerShowContainer"><img id="headerImg" src="${(user.head)!"/imgs/icons/photo.jpg"}" height="200px"></div>
		</div>
		
		<div class="header-edit-wapper">
			<div id="headerViewContainer" class="header-edit-img" style="margin:auto;">
				<img id="headerShow" src="${(user.head)!"/imgs/icons/photo.jpg"}">
			</div>
			<input id="headerUpdateInput" type="file" accept="image/jpeg,image/png,image/gif" capture="camera" style="display: none;" value="/imgs/icons/photo.jpg"/>
			<div class="header-edit-tips">点击头像上传或拍照</div>
		</div>
		
		<!-- 底部占位的DIV -->
		<div class="bottom-div"></div>
		<input type="hidden" name="img">
		<input type="hidden" name="msg" value="${(msg)!""}">
		
		<!-- 底部工具栏和提示 -->
		<div class="tools-btm">
			<div class="tools-btm-right gray-color address-btm-right">
				<a id="saveBtn" href="#">保存头像</a>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="/js/layer/layer.js"></script>
	<script type="text/javascript" src="/js/common.js"></script>
	<script type="text/javascript" src="/js/jquery-3.2.1.slim.min.js"></script>
	<script type="text/javascript" src="/js/cropper/cropper.js"></script>
	<script type="text/javascript" src="/js/biz/header.js"></script>

</html>